
/*  Non-essential Rules  */
div {
    padding:8px;
    background-color:white;
}
p {
    margin:0;
}
span {
    padding:5px;
    background-color:yellow;
}

*.box {
    margin:0;
    border-left:1px solid gray;
    border-right:2px solid black;
    border-top:1px solid gray;
    border-bottom:2px solid black;

    line-height:1.5em;
}

/*  Essential Rules  */
*.stacking_context1 {
    position:absolute;
    left:10px;
    top:70px;

    z-index:2;

    width:480px;
    height:140px;
    background-color:lightgreen;
}

*.stacking_context2 {
    position:absolute;
    left:223px;
    top:120px;

    z-index:0;

    width:480px;
    height:140px;
    background-color:gold;
}

*.level2 {
    position:absolute;

    top:-18px;
    left:100px;

    height:50px;
/*
    width:600px;
    height:600px;
*/
    z-index:-9;
}

*.level3 {
    position:static;

    margin-left:auto;
    margin-right:10px;
    width:300px;

}
*.level4 {
    float:left;

    padding:10px;
    width:130px;
}

*.level5 {
    position:static;

    margin-left:10px;
    padding-bottom:30px;
}

*.level6 {
    position:relative;
    top:-8px;
    left:15px;
    padding-bottom:10px;

    z-index:0;
}
*.level7 {
    position:absolute;
    bottom:18px;
    right:10px;

    z-index:9;
}

*.clear_cls {
    clear:both;
    margin:0;
    background-color:transparent;
}

*.caption_cls {
    position:absolute;
    top:25px;

    width:120px;

    border:1px solid teal;
    background-color:transparent;
}

